import styled from "styled-components"
export const AppHeaderWrapper = styled.div`
  height:75px;
  line-height:75px;
  background-color:#242424;
  color: #fff;
  .content {
    display:flex;
    justify-content:space-between;
  }
  .line {
    height: 5px;
    background: #C20C0C;
    z-index:8;
    position: relative;
  }
  
`
export const AppHeaderLeftWrapper = styled.div`
  display: flex;
 
  .logo{
    display: block;
    width: 176px;
    height: 70px;
    background-position: 0 0;
    text-indent: -9999px;
  }
  .list{
    display: flex;
    justify-content:space-between;
    font-size:14px;
   
    .list_item {
      span {
        display: block;
        padding: 0 20px;
        color: #ccc;
        cursor:pointer;
      }
    }
    .active{
      color: #fff;
      background: #000; 
    }
  }
`
export const AppHeaderRightWrapper = styled.div`
  display: flex;
  align-items: center;
  color: #ccc;
  font-size: 12px;
  position: relative;
  .search {
    width: 158px;
    /* height: 32px; */
    .ant-input-affix-wrapper{
      border-radius:16px;
    }
    input {
      &::placeholder {
        font-size: 12px;
      }
    }
  }

  .center {
    margin:0 16px;
    border:1px soild red;
    width: 90px;
    height:32px;
    line-height:32px;
  }
  
   
    
`

export const ResultWrapper = styled.div`
    padding-top:20px;
    position: absolute;
    width:240px;
    z-index: 120;
    top:60px;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #bebebe;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 7px #555;
    text-shadow: 0 1px 0 rgb(255 255 255 / 90%);
    color:#000;
    dl {
      display: flex;
      align-items: flex-start;
    }

    dt {
      display: inline-flex;
      align-items: center;
      margin-top:-25px;
      width: 60px;
      text-align: center;
      font-weight:400;
      padding-left:10px;
      i {
        display: inline-block;
        width: 14px;
        height: 15px;
      }
    }

    dl.item0 {
      i {
        background-position: -35px -300px;
      }
    }

    dl.item1 {
      i {
        background-position: -50px -300px;

      }
    }

    dl.item2 {
      i {
        background-position: -35px -320px;
      }
    }

    dl.item3 {
      i {
        background-position: -50px -320px;
      }
    }

    dd {
      /* padding-top:5px; */
      width:180px;
      line-height:20px;
      border-bottom:1px solid #e2e2e2;
      border-left:1px solid #e2e2e2;
      text-indent:12px;
     
    }
  
`